<template>
    <div class="howtoImport">
        <div class="title">订单手工批量导入</div>
		<div class="content">
			<div class="blue">订单批量导入位置：“订单管理”-“批量导入”</div>
			<div class="flex">
				<div>生产发货默认显示的全部是待生产的订单，即审核通过后的订单（部分无需照片的订单无需审核），您可根据产品筛选进行导出生产。</div>
			</div>
			<img :src="howtoimport1">

			<div class="flex">
				<div class="title3">1、界面各功能说明：</div>
			</div>
			<div class="flex">
				<div class="bold">批量处理-导出生产：</div><div>导出目前订单状态为：“待生产”的订单，可以筛选产品导出，导出的压缩包包含订单列表excel格式+身份证照片压缩包。</div>
			</div>
			<div class="flex">
				<div class="title2">注：导出生产后订单的状态将更改为开卡中，因导出生产只导出待生产订单，所以订单不会重复导出生产</div>
				<div class="title2">注2： 如果导出后没有点击保存请在导出记录中下载。</div>
			</div>
			<div class="flex">
				<div class="bold">批量处理-导入生产数据：</div>
				<div>生产完成后，把开卡信息导回订单系统，请下载模板按照模板格式整理信息导入，导入数据包含以下几种情况： </div>
			</div>
			
			<div class="flex">	1、仅导入生产号码，订单状态变更为待发货， </div>
			<div class="flex">	2、同时导入“生产号码”和“运单号码”后，订单状态变更为已发货 </div>
			<div class="flex">	3、仅导入运单号，订单状态变更为已发货。</div>
			<div class="flex">
				<div class="bold">批量处理-标记退货：</div>
				<div>对于已发货后被用户拒收的包裹，在系统中进行批量退货处理，订单状态变更为：已退货。 </div>
			</div>
			<div class="flex">
				<div>显示加急订单：分销商标记的认为该订单需要加急处理的订单，您可跟分销商沟通约定该功能的使用。</div>
			</div>
			<div class="flex">
				<div>批量处理：导出信息：仅仅导出当前检索的信息，不会更改订单状态，可随意导出查阅。</div>
			</div>

			<div class="flex">
				<div class="title3">2、对订单可进行的操作：</div>
			</div>
			<div class="flex">
				<div>生产失败：在此处标记为开卡失败并录入失败原因，该订单将会进入分销商的问题待处理订单中。</div>
			</div>
			<div class="flex">
				<div>录入生产信息：对单个订单录入生产号码运单号。 </div>
			</div>
			<div class="flex">
				<div>修改订单信息：收货地址身份证等信息。</div>
			</div>
			<div class="flex">
				<div> 修改状态：强行改变订单的运转流程（慎用） 加急处理：应要求加入到加急订单列表。</div>
			</div>
		</div>
    </div>
</template>

<script>
    import axios from "axios";
    export default{
    	name: 'howtoImport',
    	data(){
    		return{
				howtoimport1:'./static/help/howtoimport1.png',
    		}
    	},
    	created() {
    		
    	},
        methods:{
           
        }
    }
</script>

<style lang="scss" scoped>
	.howtoImport{ font-size: 14px;
		background: #F1F1F1;
		font-size: 14px;
		
		.exit {
		  margin-left: 20px;
		  cursor: pointer;
		  color: #77C9FF;
		}
		
		.flex {
		  display: flex;
		  flex-wrap: wrap;
		}
		
		.w1350 {
		  width: 1350px;
		  margin: 0 auto;
		}
		
		.top {
		  height: 30px;
		  line-height: 30px;
		}
		
		.logo {
		  background: #42628D;
		  padding: 20px 0;
		}
		
		.center {
		  padding: 30px 0;
		
		  .hleft {
		    background: #fff;
		    width: 330px;
		    box-sizing: border-box;
		    padding-top: 10px;
		    color: #77C9FF;
		    border-radius: 5px;
		    box-shadow: 0 0 5px #ccc;
		
		    .title {
		      padding-bottom: 20px;
		      padding-top: 20px;
		      font-size: 16px;
		      font-weight: bold;
		      padding-left: 35px;
		    }
		
		    .nav:hover {
		      background: #F1F1F1;
		    }
		
		    .nav {
		      line-height: 40px;
		      padding-left: 35px;
		      display: block;
		      color: #77C9FF;
		    }
		
		    .router-link-active {
		      background: #F1F1F1 !important;
		    }
		  }
		
		  .hright {
		    background: #fff;
		    justify-content: space-between;
		    width: 1000px;
		    box-sizing: border-box;
		    margin-left: 20px;
		    border-radius: 5px;
		    box-shadow: 0 0 5px #ccc;
		    padding-bottom: 30px;
		
		    img {
		      width: 100%;
		      display: block;
		      margin: 20px 0;
		    }
		
		    .title {
		      padding: 15px 30px;
		      font-size: 18px;
		      color: #4D4D4D;
		      border-bottom: 1px #DBDBDB solid;
		    }
		
		    .title2 {
		      color: #FF6161;
		      font-weight: bold;
		    }
		
		    .title4 {
		      color: #FF7777;
		      font-size: 14px
		    }
		
		    .bold {
		      font-weight: bold;
		    }
		
		    .content {
		      padding: 0 35px;
		      line-height: 50px;
		    }
		
		    .nei {
		      padding-left: 60px;
		    }
		
		    .blue {
		      color: #77C9FF;
		    }
		
		    .title3 {
		      font-size: 16px;
		    }
		
		    .big {
		      font-size: 18px;
		      padding: 20px 0;
		    }
		  }
		}
	}
</style>
